.header{
  display: flex;
  margin-bottom: 10px;
  .left{
    flex: 2;
    color: #61dafb;
  }
  .right{
    flex: 1;
    text-align: right;
  }
}
.content{
  width: 1000px;
  height: 60%;
  margin-bottom: 10px;
}
.footer{
  margin-top: auto;
  text-align: center;
  width: 1000px;
  margin-bottom: 10px;
}

body{
   background-color: darkgray;
}
//margin-bottom: 20px; 是一个 CSS 属性，用于设置元素的下边距（即元素与其下方元素之间的距离）。在这个例子中，它将元素的下边距设置为 20 像素。
//
// padding: 10px; 是另一个 CSS 属性，用于设置元素的内边距（即元素内容与元素边界之间的距离）。在这个例子中，它将元素的内边距设置为 10 像素。